<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>商品详情</title>
		<link rel="stylesheet" href="/css/normalize.css" />
		<link rel="stylesheet" href="/css/idangerous.css" />
		<link rel="stylesheet" href="/css/layout.css" />
		<link rel="stylesheet" href="/css/index.css" />
		<link rel="stylesheet" href="/css/popups.css" />
		<link rel="stylesheet" href="/css/list.css" />
		<link rel="shortcut icon" href="/images/favicon.ico" />
		<link href="/css/liMarquee.css" rel="stylesheet" />
		<link rel="stylesheet" href="/css/detail.css" />
		<link rel="stylesheet" href="/css/jquery.jqzoom.css" />
		<style type="text/css">
			.active {
				display: inline-block;
			}

			.active img {
				border: 2px solid;
			}

			.hidden {
				display: none;
			}
		</style>
	</head>
	<body>
		<header></header>
		<!-- detail page begin -->
		<div class="page detail-page" id="detailPage">
			<div class="page-container">
				<!-- product intro begin -->
				<div class="product-intro clearfix">
					<!-- preview wrap begin -->
					<div class="preview-wrap">
						<div class="preview">
							<script type="text/html" id="pre_template">
								<img src="{{img[0].middle}}" data-zoom-image="{{img[0].big}}" alt="" id="middle-zoom">
									<!-- 显示小图 -->
										<div id="gal1" class="thumbs clearfix">
										{{each img curr}}
										<a href="#" data-image="{{curr.middle}}" data-zoom-image="{{curr.big}}" >
											<img src="{{curr.small}}" alt="">
										</a>
										{{/each}}
										<a href="javascript:;" class="btn btn-prev"></a>
										<a href="javascript:;" class="btn btn-next"></a>
									</div>
							</script>
						</div>
					</div>
					<!-- preview wrap end -->

					<!-- introinfo wrap begin -->
					<div class="introinfo-wrap" id="introInfo">
						<div id="introTitle">
							<script type="text/html" id="intro_template">
								<p class="title clearfix">
									<span class="hidden prod_id">{{list[0].id}}</span>
									<span class="cn">{{list[0].title}}</span>
									<span class="en">{{list[0].en}}</span>
								</p>
								<div class="desc">
									<p>{{list[0].desc}}</p>
								</div>
							</script>
						</div>
						<div class="specific-wrap">
							<div class="section clearfix">
								<div class="title">规格：</div>
								<div class="content specifics clearfix" id="ctb">
									<span class='spec  active' bangshu='1' price='198' sprice='267' bang='1.2' cw='510g' cweight='磅' danwei='.2'
									 guige='14CM*14CM*4.5CM≈6寸' renshu='4-5人食用' tiqian='至少提前1天预定' qie='9' canju='免费赠送5份餐具' cgprice='198'>1.2磅</span><span
									 class='spec ' cgprice='298' bangshu='2' price='298' sprice='298' bang='2.2' cw='950g' cweight='磅' danwei='.2'
									 guige='17.5CM*17.5CM*4.5CM≈8寸' renshu='7-8人食用' tiqian='至少提前1天预定' qie='16' canju='免费赠送10份餐具'>2.2磅</span><span
									 class='spec ' cgprice='438' bangshu='3' price='438' sprice='438' bang='3.2' cw='1.4kg' cweight='磅' danwei='.2'
									 guige='23CM*23CM*4.5CM≈12寸' renshu='11-12人食用' tiqian='至少提前1天预定' qie='25' canju='免费赠送15份餐具'>3.2磅</span><span
									 class='spec ' cgprice='728' bangshu='5' price='728' sprice='728' bang='5.2' cw='2.3kg' cweight='磅' danwei='.2'
									 guige='30CM*30CM*4.5CM≈14寸' renshu='15-20人食用' tiqian='至少提前3天' qie='49' canju='免费赠送20份餐具'>5.2磅</span>
								</div>
							</div>
							<div class="section clearfix">
								<div class="title">款项：</div>
								<ul id="ContentID" class="content types">
									<li class='checked regular clearfix'><span class='oldPrice' style='display:none'>¥ <i id='Oldprice'>198</i></span><span
										 class='price'>¥ <i id='price'>198</i></span><span class='name'>常规款</span><span class='radio'></span></li>
								</ul>
							</div>
						</div>
						<input type="hidden" id="hidTiqian" value="至少提前1天预定" />
						<ul class="tips clearfix">
							<li>
								<p id='guige'>14CM*14CM*4.5CM≈6寸，约510g </p>
							</li>
							<li>
								<p id='canju'>免费赠送5份餐具</p>
							</li>
							<li>
								<p id='qie'>蛋糕可切分9块</p>
							</li>
							<li>
								<p id='tiqian'>至少提前1天预订</p>
							</li>
						</ul>
						<div class="amount clearfix">
							<div class="title">数量：</div>
							<div class="content clearfix">
								<a href="javascript:;" class="btn btn-sub disabled"></a>
								<div class="amount-wrap">
									<input type="text" class="txt-amount" value="1">
								</div>
								<a href="javascript:;" class="btn btn-add"></a>
							</div>
						</div>
						<div class="addons">
							<ul>

							</ul>

						</div>
						<div class="operates clearfix">
							<a href='javascript:;' class='btn favor'><span class='img'></span><span class='txt'>喜欢</span></a>

							<a href="javascript:; " class="btn add-basket">放入购物篮</a> <a href="javascript:; " class="btn buy-immediate">立即购买</a>
						</div>
						<!-- qrcode scan begin -->
						<div class="qrcode-scan">
							<p>手机下单及分享</p>
							<div class="qrcode">
								<img src="http://img.incake.net/UpImages/pcerweima/021_9896.png" alt="">
							</div>
						</div>
						<!-- qrcode scan end -->
					</div>
					<!-- introinfo wrap end -->
				</div>
				<!-- product intro end -->

				<!-- surprised intro begin -->

				<!-- surprised intro end -->

				<!-- product detail begin -->
				<!-- detail page end -->
				<!-- mask  begin-->
				<div id="maskPopup">
					<div class="popups popup-result">
						<p class="popup-info"></p>
						<p class="btns clearfix">
							<a href="javascript:;" class="btn-cancel">再逛逛</a>
							<a href="javascript:;" class="btn-sure">去结算</a>
						</p>
					</div>
				</div>
				<!-- mask end -->

				<footer></footer>
				<script src="/lib/requirejs/require.js" data-main="/js/main_detail.js"></script>
	</body>
</html>
